<template>
	<view class="foot_bottom">
		<view class="count">
			<view class="cont-line1">
				优惠： <text style="color: #000000;">当前购物车</text> 已优惠
				<text class="price_Int">￥300.</text>
				<text class="price_float">00</text>
			</view>
			<view class="cont-line2">
				再购买30元    可以优惠￥10
			</view>
		</view>
		<view class="toDetail">
			查看优惠详情
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
		.foot_bottom{
				position:fixed ;
				width: 100%;
				bottom: 0;
				background-color: #FFFDED;
				padding: 30rpx ;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				.count{
					font-size: 27rpx;
					color: #666666;
					.cont-line2{
						color: #999999;
						font-size: 22rpx;
					}
					.price_Int{
						color: #F8321D;
					}
					.price_float{
						color: #f8321D;
						font-size: 24rpx;
					}
				}
				.toDetail{
					font-size: 24rpx;
					height: 60rpx;
					width: 212rpx;
					border-radius: 40rpx;
					text-align: center;
					line-height: 60rpx;
					background-color: #f8321D;
					color: #FFFFFF;
					margin-left: 22rpx;
				}
			}
</style>
